<template>
  <el-dialog title="邮寄信息" :visible.sync="dialogVisible" fullscreen center>
		<el-button class="miui-dialog-close-btn" @click="visible = false">关闭页面</el-button>
    <el-divider content-position="left">详细信息</el-divider>
    <el-form label-width="80px">
      <el-row>
        <el-col :span="8">
          <el-form-item label="会员卡号">
            <el-input style="width: 220px;"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="顾客姓名">
            <el-input style="width: 220px;"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="顾客电话">
            <el-input style="width: 220px;"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label="顾客区号">
            <el-input style="width: 220px;"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="收件人">
            <el-input style="width: 220px;"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="邮寄单">
            <el-select v-model="expressName">
              <el-option v-for="item in expressOptions" :value="item.value" :label="item.label" :key="item.value"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-form-item label="地址">
          <el-input style="width: 160px;">
            <span slot="append">省</span>
          </el-input>
          <el-input style="width: 160px;">
            <span slot="append">市</span>
          </el-input>
          <el-input style="width: 200px;">
            <span slot="append">区（县）</span>
          </el-input>
          <el-input style="width: 200px;">
            <span slot="append">路（街）</span>
          </el-input>
          <el-input style="width: 260px;"></el-input>
        </el-form-item>
      </el-row>
      <el-row>
        <el-form-item label="保价">
          <el-switch></el-switch>
          <el-input style="width: 150px;margin-left: 10px;">
            <span slot="append">元</span>
          </el-input>
        </el-form-item>
      </el-row>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="dialogVisible = false" v-prevent-re-click>保 存</el-button>
    </span>
  </el-dialog>
</template>

<script>
  export default {
    props: [],
    data() {
      return {
        dialogVisible: false,
        expressName: '',
        expressOptions: [
          {value: '1', label: '顺丰快递'},
          {value: '2', label: '中通快递'},
          {value: '3', label: '圆通快递'},
        ]
      }
    },
    methods: {
      init() {
        this.dialogVisible = true
      }
    }
  }
</script>

<style>
</style>
